
.footer{ width:100%; background:#383838; color:#fff; margin-top:50px}
.footer dl{ float:left; padding-right:140px; box-sizing:border-box; padding-bottom:20px; padding-top:40px; padding-bottom:20px;}
.footer dl dt{ font-weight:bold; font-size:18px; padding-bottom:20px; opacity:0.9;}
.footer dl dd a{ color:#fff; display:block; padding-bottom:8px; opacity:0.65; font-size:16px;}
.footer dl dd a:hover{ color:#d01027}
.footer .f-ewm{  float:right; padding-right:20px;}
.footer .f-ewm img{border-radius: 5px;}
.banquan select{ width:150px; height:32px; background:none; border:1px solid #fff; border-radius:10px; outline:none; color:#fff; padding-left:20px; font-size:16px;}
.banquan option{ color:#333;}
.banquan{ background:#d01027; padding:0 0 10px 0;}
.d-cd a{ color:#fff; padding-left:20px; font-size:16px; padding-top:6px; display:inline-block;}
.banquan p{ float:left; opacity:0.7; padding-top:10px;}
.banquan span{ opacity:0.7; color:#fff; padding-top:13px; /*padding-left:20px;*/padding-right: 20px; line-height:30px;}

 
 /* side */
.side-right{position:fixed;width:54px;height:275px;right:0;top:314px;z-index:100;}
.side-right ul li{width:54px;height:54px;float:left;position:relative; margin-bottom:1px;}
.side-right ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background-color: #39424b;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden; line-height: 54px;
font-size: 16px;}
.side-right ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background-color: #39424b;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side-right ul li .sidetop:hover{background-color: #bf101a;opacity:1;filter:Alpha(opacity=100);}
.side-right ul li img{float:left;}
.side-right ul .wx-right{background-color: #39424b;}
.side-right ul .wx-right:hover{background-color: #bf101a;opacity:1;filter:Alpha(opacity=100);}
.ewm-right{
  position: absolute;
  top: 20px;
  right: 54px;
  width: 130px;
  height: 160px;
  background: #39424b;
  text-align: center;
  color: #fff;
  padding-top:15px;
  border-radius: 10px 0 0 10px;
  display: none;
}
.ewm-right img{
  display: inline;
}



.friend-link{
  float: left;
  margin-top: 16px;
  position: relative;
}

.friend-link .link{
  height: 24px;
  cursor: pointer;
  width: 200px;
  display: block;
  padding-left: 30px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  text-align: left; opacity:0.7;
}

.friend-link .link:before{
  content: "";
  position: absolute;
  right: 32px;
  top: 1px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid #fff;
  z-index: 1;
}

.friend-link .link:after{
  content: "";
  position: absolute;
  right: 30px;
  top: -3px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid #78797a;
}

.friend-link a:focus,
.friend-link .link:hover{
  text-decoration: none;
}

.friend-link ul{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 24px;
  background-color: #3e3f41;
  padding-left: 30px;
  border: 1px solid #252527;
  border-bottom: none;
  max-height: 195px;
  overflow-y: auto;
  display: none;
  text-align: right;
}

.friend-link.open ul{display:block;}

.friend-link li{
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: left;
}

.friend-link li a{
  color: #78797a;
  font-size: 14px;
  text-align: left;
}
.link-logo{ padding-left:30px;}
.link-logo a{ padding-left:20px;}










@media (min-width: 1441px) {
 .w86{ width:1400px; margin:0 auto;}
 .wrap{ width:1400px; margin:0 auto}
  header .nav-box {width: 58%;margin: 0 auto}
  .footer dl{padding-right: 120px;}

}


